finxol.io
1<script setup>
2const route = useRoute();
3const { data: page } = await useAsyncData(route.path, () =>
4 queryCollection("pages").path(`/pages${route.path}`).first()
5);
6
7useSeoMeta({
8 title: page.value?.title,
9 description: page.value?.description
10});
11</script>
12
13<template>
14 <div
15 v-if="page"
16 class="py-8"
17 >
18 <h1
19 class="text-3xl font-bold text-gray-900 dark:text-gray-200 sm:text-4xl md:text-5xl lg:text-6xl"
20 >
21 {{ page.title }}
22 </h1>
23
24 <ContentRenderer
25 :value="page"
26 :class="[
27 'prose prose-lg prose-slate dark:prose-invert',
28 'max-w-none mx-auto',
29 'mt-6',
30 ]"
31 />
32 </div>
33
34 <div v-else>
35 not found
36 </div>
37</template>